<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui" 
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
                template="principalProyecto.xhtml" >
    
<ui:define name="htmlPaso">
    
    <h:form id="formGenerarReporte">

        <h1>7. Generar reportes del proyecto</h1>

        <p:separator/>

        <p:growl id="growl" showDetail="true" life="3000" autoUpdate="true" />

        <h:panelGrid border="0" style="width: 100%;" columns="1" >  
        <p:row/>
        <p:outputLabel value="Selecciona los items que deseas que aparezcan en tu reporte y presiona el boton GENERAR. Luego de unos segundos se iniciará la descarga de manera automatica." />
        <p:row/>
        </h:panelGrid>
        <!--
        <p:dialog header="Información de reporte" widgetVar="parteDialog" showEffect="fade" hideEffect="fade" resizable="false">
            <p:outputPanel id="parteDetalle" style="text-align:center;">
                <p:panelGrid  columns="1" 
                              rendered="#{not empty generaReportesView.contenidoSeleccionado}" >
                    
                    <f:facet name="header">
                        <p:graphicImage value="/images/#{generaReportesView.contenidoSeleccionado.imgUrl}" height="200" width="200" /> 
                    </f:facet>

                    <h:outputText value="#{generaReportesView.contenidoSeleccionado.strDescripcionUso}" />
                    
                </p:panelGrid>
            </p:outputPanel>
            <p:hotkey bind="esc" handler="PF('parteDialog').hide();" />
        </p:dialog>
        -->

        <h3>Modelo de informe individual</h3>
        
        <p:panel>
            <h:panelGrid columns="1">

                <p:dataTable id="checkboxDT1" 
                            var="parte" 
                            value="#{generaReportesView.lstContenidoIndividual}" 
                            selection="#{generaReportesView.lstSeleccionadosIndividual}" 
                            rowKey="#{parte.intModeloPk}" style="margin-bottom:0">

                    <p:column selectionMode="multiple" style="width:16px;text-align:center"/>

                    <p:column headerText="Descripción">
                        <h:outputText value="#{parte.strDescModelo}" />
                    </p:column>

                    <p:column headerText="Tipo de archivo">
                        <h:outputText value="#{parte.strTipoArchivo}" />
                    </p:column>

                    <p:column headerText="Id" style="width: 20px; text-align: center;">
                        <h:outputText value="#{parte.intModeloPk}" />
                    </p:column>
                    <!--
                    <p:column style="width:70px;text-align: center" headerText="Ver modelo">
                        <p:commandButton update=":formGenerarReporte:parteDetalle" oncomplete="PF('parteDialog').show()" icon="ui-icon-search" title="View">
                            <f:setPropertyActionListener value="#{parte}" target="#{generaReportesView.contenidoSeleccionado}" />
                        </p:commandButton>
                    </p:column>
                    -->
                </p:dataTable>



                <p:dataTable id="checkboxDT3"
                             widgetVar="checkboxDT3"
                            var="evaluado" 
                            value="#{generaReportesView.lstEvaluados}" 
                            selection="#{generaReportesView.lstEvaluadosSeleccionados}" 
                            rowKey="#{evaluado.paIdParticipantePk}" style="margin-bottom:0" 
                            rows="15"
                            paginator="true"
                            paginatorPosition="bottom"
                            paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                            rowsPerPageTemplate="5,10,15"
                            emptyMessage="No se encontraron evaluados :(" filteredValue="#{generaReportesView.lstFiltroEvaluados}" >

                    <f:facet name="header">
                        <p:outputPanel style="text-align: right;" >
                            <h:outputText value="Busca en todas las etiquetas : " />
                            <p:inputText id="globalFilter" onkeyup="PF('checkboxDT3').filter()" style="width:150px" placeholder="Ingresa un texto"/>
                        </p:outputPanel>
                    </f:facet>

                    <p:column selectionMode="multiple" style="width:16px;text-align:center" />

                    <p:column headerText="Descripción" filterBy="#{evaluado.paTxDescripcion}" filterMatchMode="contains">
                        <f:facet name="filter">
                            <h:outputText value="#{evaluado.paTxDescripcion}" />
                        </f:facet>
                        <h:outputText value="#{evaluado.paTxDescripcion}" />
                    </p:column>


                    <p:column headerText="Correo" filterBy="#{evaluado.paTxCorreo}" filterMatchMode="contains">
                        <f:facet name="filter">
                            <h:outputText value="#{evaluado.paTxCorreo}" />
                        </f:facet>
                        <h:outputText value="#{evaluado.paTxCorreo}" />
                    </p:column>

                    <p:column headerText="Cargo" filterBy="#{evaluado.paTxNombreCargo}" filterMatchMode="contains">
                        <f:facet name="filter">
                            <h:outputText value="#{evaluado.paTxNombreCargo}" />
                        </f:facet>
                        <h:outputText value="#{evaluado.paTxNombreCargo}" />
                    </p:column>

                </p:dataTable>

            </h:panelGrid>

            <!-- <div id="captcha" class="g-recaptcha" data-sitekey="6LeGgf4SAAAAAOxdlPnTNQht-IU5UTHQAVdBwvN8"></div> -->

            <p:commandButton value="Generar informe individual" ajax="true" update="formGenerarReporte" actionListener="#{generaReportesView.generarReporteIndividual}" />

            <p:commandButton value="Descargar informe individual" ajax="false" disabled="#{generaReportesView.fileIndividual==null?true:false}" update="@this" >
                <p:fileDownload value="#{generaReportesView.fileIndividual}" />
            </p:commandButton>

            <p:commandButton value="Descargar plan de accion" ajax="false" >
                <p:fileDownload value="#{generaReportesView.planAccion}" />
            </p:commandButton>
                
        </p:panel>
        <!--
        <p:dialog header="Información de reporte" widgetVar="parteDialog" showEffect="fade" hideEffect="fade" resizable="false">
            <p:outputPanel id="parteDetalle" style="text-align:center;">
                <p:panelGrid  columns="1" 
                              rendered="#{not empty generaReportesView.contenidoSeleccionado}" >
                    
                    <f:facet name="header">
                        <p:graphicImage value="/images/#{generaReportesView.contenidoSeleccionado.imgUrl}" height="200" width="200" /> 
                    </f:facet>

                    <h:outputText value="#{generaReportesView.contenidoSeleccionado.strDescripcionUso}" />
                    
                </p:panelGrid>
            </p:outputPanel>
            <p:hotkey bind="esc" handler="PF('parteDialog').hide();" />
        </p:dialog>
                -->

    <h3>Modelo de informe grupal</h3>

    <p:panel>
        <h:panelGrid columns="1" >

            <p:dataTable id="checkboxDT2" 
                        var="parte" 
                        value="#{generaReportesView.lstContenidoGrupal}" 
                        selection="#{generaReportesView.lstSeleccionadosGrupal}" 
                        rowKey="#{parte.intModeloPk}" style="margin-bottom:0" >

                <p:column selectionMode="multiple" style="width:16px;text-align:center"/>
                <p:column headerText="Descripción">
                    <h:outputText value="#{parte.strDescModelo}" />
                </p:column>
                <p:column headerText="Tipo de archivo">
                    <h:outputText value="#{parte.strTipoArchivo}" />
                </p:column>

                <p:column headerText="Id" style="width: 20px; text-align: center;">
                    <h:outputText value="#{parte.intModeloPk}" />
                </p:column>
                <!--
                <p:column style="width:70px;text-align: center" headerText="Ver modelo">
                    <p:commandButton update=":formGenerarReporte:parteDetalle" oncomplete="PF('parteDialog').show()" icon="ui-icon-search" title="View">
                        <f:setPropertyActionListener value="#{parte}" target="#{generaReportesView.contenidoSeleccionado}" />
                    </p:commandButton>
                </p:column>
                -->

            </p:dataTable>
        </h:panelGrid>

        <p:commandButton value="Generar informe grupal" ajax="true" update="formGenerarReporte" actionListener="#{generaReportesView.generarReporteGrupal}" />
        <p:commandButton value="Descargar informe grupal" ajax="false" disabled="#{generaReportesView.fileGrupal==null?true:false}" >
            <p:fileDownload value="#{generaReportesView.fileGrupal}" />
        </p:commandButton>

    </p:panel>
    
    </h:form>
    
</ui:define>
</ui:composition>